<template>
  <Pannel navbar tabbar>
    <button @click="show1 = true">点击打开show1</button>
    <Overlay v-if="show1" center append-to-body>
      <button @click="show2 = true">点击打开show2</button>
      <button @click="show1 = false">点击关闭show1</button>
      <Overlay v-if="show2" center append-to-body>
        <button @click="show2 = false">点击关闭show2</button>
      </Overlay>
    </Overlay>
  </Pannel>
</template>

<script setup>
  import { ref } from 'vue';
  const show1 = ref(false);
  const show2 = ref(false);
</script>

<style lang="scss" scoped></style>